
<h1>Gráficas</h1>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
 
// Función que realizará la petición de datos.
function sendAndDraw() {
  var query = new google.visualization.Query("http://<?php echo $_SERVER['SERVER_NAME'].$_SERVER['PHP_SELF']?>/recuperadatos");
 
  query.send(handlerQueryResponse); 
}
 
// Función Callback se lanzará con la respuesta que se obtenga de la función sendAndDraw.
function handlerQueryResponse(response)
{    
  if(response.isError()){
    alert('Error in query: ' + response.getMessage() + ' '+ response.getDetailedMessage());
  return
}
 
var data = response.getDataTable();
var chart = new google.visualization.PieChart(document.getElementById('orgchart'));
 
chart.draw(data, {width:700, height:450, is3D:true});
}
 
</script>
<button onclick="sendAndDraw()">Pie Chart</button>
<div id="orgchart"></div>

